
  $(function () {
    // 获取url上传过来id
    const usp = new URLSearchParams(location.search);
    const id = usp.get("id");
  
  
    getCategory();
    renderDate();  
    renderTextArea(); 
    function getArticleById() {
      $.get("/admin/article/search", { id }, function (res) {
        $("[name='title']").val(res.data.title);
        $("#coverimg").prop("src", res.data.cover);
        $("[name='categoryId']").val(res.data.categoryId);
        $("[name='date']").val(res.data.date);
        $("#articleContent").val(res.data.content);
      })
  
    }
  
  
    // 1 获取文章分类数据 渲染到页面中
    function getCategory() {
      $.get("/admin/category/list", function (res) {
        const optionHTML = res.data.reduce((beforeHTML, item) => beforeHTML += `<option value='${item.id}' >${item.name}</option>`, "<option value='' >所有分类</option>");
        $("#category").html(optionHTML);
        getArticleById();
      })
    }
  
    // 2 渲染日期组件
    function renderDate() {
      const laydate = layui.laydate;
      laydate.render({
        elem: '#articleDate'
      });
  
    }
  
    // 3 渲染富文本
    function renderTextArea() {
      tinymce.init({
        selector: '#articleContent',
        // 设置中文  下载语言包才行
        language: 'zh_CN',//注意大小写
      });
    }
  
  
    // 4 图片上传 即时显示的功能
    $("#inputCover").on("change", function () {
      const src = URL.createObjectURL(this.files[0]);
      $("#coverimg").show().prop("src", src);
  
    })
 
    $(".btn-edit,.btn-draft").on("click", function () {
      const formData = new FormData($("#form")[0]);
      formData.append("id",id);
      const content = tinyMCE.editors["articleContent"].getContent()
  
      // 添加了 富文本内容！！！
      formData.append("content", content);
      if ($(this).text() === "发布") {
        formData.append("state", "已发布");
      } else {
        // 表示 用户点击的 存为草稿
        formData.append("state", "");
      }
      $.ajax({
        url: "/admin/article/edit",  // 修改文章
        data: formData,
        type: "post",
        // 不要额外设置 请求头了
        contentType: false,
        processData: false,
        success(res) {
          if (res.code === 200) {

            layer.msg("操作成功")  //  显示一会之后 自动消失
            setTimeout(() => {
              // 重新跳回到 文章列表页面
              location.href = "article_list.html";
            }, 2000);
          }
        }
      })
  
  
    })
  
  
  
  })